<template>
  <svg viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
    <defs>
      <linearGradient id="icloud-gradient" x1="32" y1="10" x2="32" y2="54" gradientUnits="userSpaceOnUse">
        <stop offset="0%" stop-color="#4A9FFF"/>
        <stop offset="100%" stop-color="#0066FF"/>
      </linearGradient>
    </defs>
    <!-- iCloud 图标 -->
    <path d="M48 32C48 28.5 46.5 25.5 44 23.5C43.5 17.5 38.5 13 32.5 13C27.5 13 23.5 16 21.5 20C21 20 20.5 20 20 20C14.5 20 10 24.5 10 30C10 35.5 14.5 40 20 40H47C51.5 40 55 36.5 55 32C55 27.5 51.5 24 47 24C47.5 24 48 27.5 48 32Z" 
          fill="url(#icloud-gradient)" 
          stroke="rgba(255,255,255,0.3)" 
          stroke-width="0.5"/>
    <!-- 向上箭头（上传符号）-->
    <path d="M32 26V36M32 26L28 30M32 26L36 30" 
          stroke="white" 
          stroke-width="2" 
          stroke-linecap="round" 
          stroke-linejoin="round"/>
  </svg>
</template>

<style scoped>
svg {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15));
}
</style>

